﻿@using ZhouYu.DreamTour.Model;
@using ZhouYu.DreamTour.Web.Models;
@{
    //var ScenicList = @ViewBag.ScenicList;
    //var ScenicPicList = @ViewBag.ScenicPicList;
    //Random rd = new Random();
    //int number = 0;
    //int buy = 0;
    var UserInfo = UserInfoContext.userInfoContext.UserInfo;
}
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>行程导航页</title>
    <link href="~/css/style.css" rel="stylesheet" type="text/css" />
    <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="~/js/imgtoggle.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            var iTgl = new k_iToggle();
            iTgl.init({
                boxId: 'box',
                numId: 'num',
                imgId: 'imgs',
                isAuto: true,
                aCls: 'act',
                iCls: 'imgs1',
                direct: 'crt'
            });
            chg(iTgl, 'chg');
            _auto(iTgl, 'auto_1');

            //改变方向
            function chg(o, id) {
                $('#' + id).click(function () {
                    if (o.direct() == 'crt') {
                        o.direct('lvl');
                        $(this).text('纵向');
                    } else {
                        o.direct('crt');
                        $(this).text('横向');
                    }
                });
            }

            function _auto(o, id) {
                $('#' + id).click(function () {
                    if (o.isAuto) {
                        o.isAuto = false;
                        $(this).text('自动播放已停止');
                    } else {
                        o.isAuto = true;
                        o.auto();
                        $(this).text('自动播放');
                    }
                });
            }
        }
    </script>
    <script type="text/javascript">

        $(function () {
            var wweya_li = $("div.tab_menu ul li");
            wweya_li.click(function () {
                $(this).addClass("selected")
                    .siblings().removeClass("selected");
                var index = wweya_li.index(this);
                $("div.tab_box > div")
                    .eq(index).show(100)
                    .siblings().hide();
            }).hover(function () {
                $(this).addClass("hover");
            }, function () {
                $(this).removeClass("hover");
            });
        });
    </script>
</head>
<body>
    <div class="top_hw clearfix">
        <div class="top_h clearfix">
            <div class="top_hl"><span>欢迎来到中国梦想游，让你的梦想全程免费自由行！</span> 预定热线：<b>0571-63322269</b></div>
            <div class="top_hr">
                @if (UserInfo == null)
                {
                    <a href="/Home/User_Register">会员注册</a>
                    <span>|</span> <a href="/Home/User_Login">登录</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a>
                    @*<a>
                            欢迎你，来到新世界旅行网！
                        </a>*@
                }
                else
                {
                    <a href="/Home/User_Center">会员中心</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a> <span>|</span> <a href="/Login/LoginOut">退出</a> <span>|</span>
                    <a>
                        欢迎你，<span>@UserInfo.User_Name</span>来到新世界旅行网！
                    </a>
                }
            </div>
        </div>
    </div>
    <div class="head_w">
        <div class="head_t clearfix">
            <div class="logo"><img src="~/images/logo.jpg"></div>
            <div class="rx_line"><img src="~/images/rx.jpg"></div>
        </div>
    </div>
    <div class="mainNav clearfix">
        <ul class="Nav_ul">
            <li><a href="/Home/Index">首页</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Route">旅游路线</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Scenic">旅游景点</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/CateringAccommodation">餐饮住宿</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Traffic_DatailsOne">交通线路</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Group">旅游团购</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Specialty">地方特产</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/AutoGenerationIntro">自动生成简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Team_Join">团队简介</a><img src="~/images/nav_line.jpg"></li>
            <li class="cur"><a href="/Home/Itinerary_Details">行程导航</a></li>
        </ul>
    </div>
    <div class="b_wrap">
        <div class="current"><span>当前所在地：</span><a href="/Home/Index">首页</a> >> <a href="/Home/Itinerary_Details">行程导航</a> </div>
        <div class="clumn_w clearfix">
            <div class="clu_zb">
                <div class="tab_menu mul_w">
                    <ul class="tab_mul">
                        <li class="selected">全自助游</li>
                        <li>途径城市设定</li>
                        <li>入住酒店设定</li>
                        <li>交通设定</li>
                        <li>线路设定</li>
                        <li>特殊需求线路</li>
                    </ul>
                </div>
                <div class="tab_box tw_tab">
                    <div>
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="hide">
                        <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>入住城市</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>入住日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>离店日期</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>行程价格</td>
                                <td><select name=""></select></td>
                            </tr>
                            <tr>
                                <td>酒店位置</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>酒店名称</td>
                                <td><input name="" type="text"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><a href="#">生成行程单搜索</a></td>
                            </tr>
                        </table>
                        卦
                    </div>
                </div>
            </div>
            <div class="in">
                <div class="pbox">
                    <div id="box" class="box">
                        <ul id="imgs">
                            <li><a href="#"><img src="~/images/lunbothree.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunbotwo.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunbofour.jpg" width="570" height="280"></a></li>
                            <li><a href="#"><img src="~/images/lunboone.gif" width="570" height="280"></a></li>
                        </ul>
                    </div>
                    <div class="cons">
                        <ul id="num" class="num">
                            <li class="act"><a href="#">黄金海岸</a></li>
                            <li><a href="#">绿色之滨</a></li>
                            <li><a href="#"> 花木小镇</a></li>
                            <li style="width:140px"><a href="#"> 丽江泸沽湖</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="clumn_w clearfix">
            <div class="clumn_l">
                <div class="clumn">
                    <div class="clumn_tit t01">国内热门景点</div>
                    <div class="clumn_con">
                        <div class="cln_w">
                            <p>热门城市</p>
                            <div class="cln_c clearfix">
                                <a href="#">北京</a>
                                <a href="#">上海</a>
                                <a href="#">厦门</a>
                                <a href="#">成都</a>
                                <a href="#">西安</a>
                                <a href="#">黄山</a>
                                <a href="#">香港</a>
                                <a href="#">青岛</a>
                                <a href="#">桂林</a>
                                <a href="#">深圳</a>
                                <a href="#">三亚</a>
                                <a href="#">杭州</a>
                                <a href="#">丽江</a>
                                <a href="#">南京</a>
                                <a href="#">重庆</a>
                                <a href="#">苏州</a>
                                <a href="#">张家界</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>景点认证</p>
                            <div class="cln_c clearfix">
                                <a href="#">5A级</a>
                                <a href="#">4A级</a>
                                <a href="#">3A级</a>
                                <a href="#">2A级</a>
                            </div>
                        </div>
                        <div class="cln_w">
                            <p>热门主题</p>
                            <div class="cln_c clearfix">
                                <a href="#">温泉</a>
                                <a href="#">古镇</a>
                                <a href="#">摄影</a>
                                <a href="#">滑雪</a>
                                <a href="#">海边</a>
                                <a href="#">美食</a>
                                <a href="#">登山</a>
                                <a href="#">主题公园</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clumn">
                    <div class="clumn_tit t02"><span>优惠促销</span><a href="#">更多>></a></div>
                    <div class="clumn_con">
                        <ul class="clu_ul">
                            <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                            <li><a href="#">国庆长假，温哥华维多利亚自助游找伴</a></li>
                            <li><a href="#">去NewFundland，自助游！ 肯定走！</a></li>
                            <li><a href="#">多伦多-温哥华 横跨之旅</a></li>
                            <li><a href="#">诚招一女， 已有7人定下去NewFoundland</a></li>
                            <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                            <li><a href="#">暑期邮轮 特价不断</a></li>
                            <li><a href="#">订机票，选银联，超值特惠</a></li>
                        </ul>
                        <div><center><img src="~/images/add01.jpg"></center></div>
                    </div>
                </div>
                <div class="clumn">
                    <div class="clumn_tit t03"><span>游览历史记录</span><a href="#">更多>></a></div>
                    <div class="clumn_con">
                        <ul class="clu_ul s_ul">
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clumn_r01">
                <div class="xz_wrap">   
                    <input type="button" value="1233412" onclick="dosave()"/>
                    <div class="xz_tit"><b>您已选择：</b><span id="xz_all"></span><span class="sx_b"  style="cursor: pointer;">重新筛选</span></div>
                    <div class="xz_con">
                        <table width="670" border="0" cellspacing="0" cellpadding="0">
                            <tr  id="tr_address">
                                <td align="right">出发城市：</td>
                                <td>
                                    <a style="cursor: pointer;" id="addressone"><span id="OutPlace_one">桂林</span></a>
                                    <a style="cursor: pointer;" id="addresstwo"><span id="OutPlace_two">杭州</span></a>
                                    <a style="cursor: pointer;" id="addressthree"><span id="OutPlace_three">三亚</span></a>
                                    <a style="cursor: pointer;" id="addressfour"><span id="OutPlace_four">丽江</span></a>
                                    <a style="cursor: pointer;" id="addressfive"><span id="OutPlace_five">河南</span></a>
                                    <a style="cursor: pointer;" id="addresssix"><span id="OutPlace_six">九寨沟</span></a>
                                    <a style="cursor: pointer;" id="addresseven"><span id="OutPlace_even">黄山</span></a>
                                </td>
                            </tr>
                            <tr id="tr_Certification">
                                <td align="right">景点认证：</td>
                                <td>
                                    <a style="cursor: pointer;" id="Certificationone"><span id="Certification_five">5A级</span></a>
                                    <a style="cursor: pointer;" id="Certificationtwo"><span id="Certification_four">4A级</span></a>
                                    <a style="cursor: pointer;" id="Certificationthree"><span id="Certification_three">3A级</span></a>
                                    <a style="cursor: pointer;" id="Certificationfour"><span id="Certification_two">2A级</span></a>
                                </td>
                            </tr>
                            <tr id="tr_Price">
                                <td align="right"> 按价格：</td>
                                <td>
                                    <a style="cursor: pointer;" id="PriceOne"><span id="Following">100</span>元以下</a>
                                    <a style="cursor: pointer;" id="PriceTwo"><span id="PriceOnehundred">100</span>-<span id="PriceThreehundred">300</span>元 </a>

                                    <a style="cursor: pointer;" id="Pricethree"><span id="Threehundredandone">301</span>-<span id="Fivehundred">500</span>元 </a>
                                    <a style="cursor: pointer;" id="Pricefour"><span id="Fivehundredandone">501</span>-<span id="Eigthhundred">800</span>元 </a>

                                    <a style="cursor: pointer;" id="Pricefive"><span id="Eighthundredandone">801</span>-<span id="Onethousand">1000</span>元 </a>
                                    <a style="cursor: pointer;" id="Pricesix"><span id="Onethousandandone">1001</span>-<span id="Onethousandandfivehundred">1500</span>元 </a>
                                    <a style="cursor: pointer;" id="Priceeven"><span id="Onethousandfivehundredandone">1501</span>-<span id="Twothousand">2000</span>元 </a>
                                    <a style="cursor: pointer;" id="Priceeigth"><span id="Above">2000</span>元以上</a>
                                </td>
                            </tr>
                            <tr  id="tr_Duration">
                                <td align="right">按天数：</td>
                                <td>
                                    <a style="cursor: pointer;" id="oneday"><span id="Duration_one">1</span>天</a>
                                    <a style="cursor: pointer;" id="twoday"><span id="Duration_two">2</span>天</a>
                                    <a style="cursor: pointer;" id="threeday"><span id="Duration_three">3</span>天</a>
                                    <a style="cursor: pointer;" id="fourday"><span id="Duration_four">4</span>天 </a>
                                    <a style="cursor: pointer;" id="fiveday"><span id="Duration_five">5</span>天</a>
                                    <a style="cursor: pointer;" id="sixday"><span id="Duration_six">6</span>天</a>
                                    <a style="cursor: pointer;" id="evenday"><span id="Duration_even">7</span>天</a>
                                    <a style="cursor: pointer;" id="eigthday"><span id="Duration_eigth">8</span>天</a>
                                    <a style="cursor: pointer;" id="nineday"><span id="Duration_nine">9</span>天</a>
                                    <a style="cursor: pointer;" id="tenday"><span id="Duration_ten">10</span>天</a>
                                    <a style="cursor: pointer;" id="elevenday"><span id="Duration_eleven">11</span>天</a>
                                    <a style="cursor: pointer;" id="twelveday"><span id="Duration_twelve">12</span>天 </a>
                                </td>
                            </tr>
                            <tr>
                                <td align="right"> 机场接送：</td>
                                <td>
                                    <a style="cursor: pointer;">是</a>
                                    <a style="cursor: pointer;">否</a>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">自行上车点：</td>
                                <td>
                                    <a style="cursor: pointer;">是</a>
                                    <a style="cursor: pointer;">否</a>
                                </td>
                            </tr>
                        </table>

                    </div>
                </div>
                <div class="js_box">
                    <div class="js_tit clearfix">
                        <div class="xs_w">显示方式：<a class="lb_a" href="#">列表</a> <a class="tw_a" href="#">图文</a> 排序方式：<span class="t_top">行程天数</span> <span class="t_top">价格</span> <input type="text" name="" value="" placeholder=""> - <input type="text" name="" value="" placeholder=""> <input class="in_t" type="checkbox" name="" value=""> <span class="fn_o">优惠促销</span> </div>
                        <div class="fy_w"><a href="#">1/2页 </a><a href="#">上一页</a> <a href="#">下一页</a></div>
                    </div>
                    <div class="js_wrap claerdix" id="Categorydiv">
                        @Html.Action("Category");
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    $(function () {
        //按价格查询
        $("#PriceOne").on('click', function () {
            var Following = $("#Following").text();
            SleBuPrice(Following, 0);
        });
        $("#PriceTwo").on('click', function () {
            var PriceOnehundred = $("#PriceOnehundred").text();
            var PriceThreehundred = $("#PriceThreehundred").text();
            SleBuPrice(PriceOnehundred, PriceThreehundred);
        });
        $("#Pricethree").on('click', function () {
            var Threehundredandone = $("#Threehundredandone").text();
            var Fivehundred = $("#Fivehundred").text();
            SleBuPrice(Threehundredandone, Fivehundred);
        });
        $("#Pricefour").on('click', function () {
            var Fivehundredandone = $("#Fivehundredandone").text();
            var Eigthhundred = $("#Eigthhundred").text();
            SleBuPrice(Fivehundredandone, Eigthhundred);
        });
        $("#Pricefive").on('click', function () {
            var Eighthundredandone = $("#Eighthundredandone").text();
            var Onethousand = $("#Onethousand").text();
            SleBuPrice(Eighthundredandone, Onethousand);
        });
        $("#Pricesix").on('click', function () {
            var Onethousandandone = $("#Onethousandandone").text();
            var Onethousandandfivehundred = $("#Onethousandandfivehundred").text();
            SleBuPrice(Onethousandandone, Onethousandandfivehundred);
        });
        $("#Priceeven").on('click', function () {
            var Onethousandfivehundredandone = $("#Onethousandfivehundredandone").text();
            var Twothousand = $("#Twothousand").text();
            SleBuPrice(Onethousandfivehundredandone, Twothousand);
        });
        $("#Priceeigth").on('click', function () {
            var Above = $("#Above").text();
            SleBuPrice(0, Above);
        });
        
        //按景点等级查询
        $("#Certificationone").on('click', function () {
            var Certification_five = $("#Certification_five").text();
            SleBuCertification(Certification_five);
        });
        $("#Certificationtwo").on('click', function () {
            var Certification_four = $("#Certification_four").text();
            SleBuCertification(Certification_four);
        });
        $("#Certificationthree").on('click', function () {
            var Certification_three = $("#Certification_three").text();
            SleBuCertification(Certification_three);
        });
        $("#Certificationfour").on('click', function () {
            var Certification_two = $("#Certification_two").text();
            SleBuCertification(Certification_two);
        });
        //按持续时长查询
        $("#oneday").on('click', function () {
            var Duration_one = $("#Duration_one").text();
            SleBuDuration(Duration_one);
        });
        $("#twoday").on('click', function () {
            var Duration_two = $("#Duration_two").text();
            SleBuDuration(Duration_two);
        });
        $("#threeday").on('click', function () {
            var Duration_three = $("#Duration_three").text();
            SleBuDuration(Duration_three);
        });
        $("#fourday").on('click', function () {
            var Duration_four = $("#Duration_four").text();
            SleBuDuration(Duration_four);
        });
        $("#fiveday").on('click', function () {
            var Duration_five = $("#Duration_five").text();
            SleBuDuration(Duration_five);
        });
        $("#sixday").on('click', function () {
            var Duration_six = $("#Duration_six").text();
            SleBuDuration(Duration_six);
        });
        $("#evenday").on('click', function () {
            var Duration_even = $("#Duration_even").text();
            SleBuDuration(Duration_even);
        });
        $("#eigthday").on('click', function () {
            var Duration_eigth = $("#Duration_eigth").text();
            SleBuDuration(Duration_eigth);
        });
        $("#nineday").on('click', function () {
            var Duration_nine = $("#Duration_nine").text();
            SleBuDuration(Duration_nine);
        });
        $("#tenday").on('click', function () {
            var Duration_ten = $("#Duration_ten").text();
            SleBuDuration(Duration_ten);
        });
        $("#elevenday").on('click', function () {
            var Duration_eleven = $("#Duration_eleven").text();
            SleBuDuration(Duration_eleven);
        });
        $("#twelveday").on('click', function () {
            var Duration_twelve = $("#Duration_twelve").text();
            SleBuDuration(Duration_twelve);
        });

        //按出发地址查询
        $("#addressone").on('click', function () {
            var OutPlace_one = $("#OutPlace_one").text();
            SleBuPlace(OutPlace_one);
        });
        $("#addresstwo").on('click', function () {
            var OutPlace_two = $("#OutPlace_two").text();
            SleBuPlace(OutPlace_two);
        });
        $("#addressthree").on('click', function () {
            var OutPlace_three = $("#OutPlace_three").text();
            SleBuPlace(OutPlace_three);
        });
        $("#addressfour").on('click', function () {
            var OutPlace_four = $("#OutPlace_four").text();
            SleBuPlace(OutPlace_four);
        });
        $("#addressfive").on('click', function () {
            var OutPlace_five = $("#OutPlace_five").text();
            SleBuPlace(OutPlace_five);
        });
        $("#addresssix").on('click', function () {
            var OutPlace_six = $("#OutPlace_six").text();
            SleBuPlace(OutPlace_six);
        });
        $("#addresseven").on('click', function () {
            var OutPlace_even = $("#OutPlace_even").text();
            SleBuPlace(OutPlace_even);
        });

        var img = "/images/close.jpg";//公共图片变量
        //价格查询
        function SleBuPrice(PriceOne, PriceTwo) {
            //使用ajax刷新分部视图
            $.ajax({
                url: "/Home/Category?PriceOne=" + PriceOne + "&PriceTwo=" + PriceTwo,
                type: "post",
                dataType: "html",
                success: function (data) {//将控制器视图返回回调重新赋值于指定的标签内 此回调是必须的
                    $("#Categorydiv").html("");
                    $("#Categorydiv").html(data);
                }
            });
            //选好指定价格之后将价格的按钮隐藏
            $("#tr_Price").hide();
            $("#xz_all").append("<span id='spanprice' style='cursor: pointer;' class='close'>" + PriceOne + "-" + PriceTwo + "元<a style='cursor: pointer;' onclick='sxprice()'><img id='priceimg' src='" + img + "'></a></span>");

        }
        //天数查询
        function SleBuDuration(Duration) {
            //使用ajax刷新分部视图
            $.ajax({
                url: "/Home/Category?Duration=" + Duration,
                type: "post",
                dataType: "html",
                success: function (data) {//将控制器视图返回回调重新赋值于指定的标签内 此回调是必须的
                    $("#Categorydiv").html("");
                    $("#Categorydiv").html(data);
                }
            });
            //选好指定天数之后将天数的按钮隐藏
            $("#tr_Duration").hide();
            $("#xz_all").append("<span id='spanDuration' style='cursor: pointer;' class='close'>" +Duration+ "天<a style='cursor: pointer;' onclick='sxDuration()'><img id='Durationimg' src='" + img + "'></a></span>");
        }
        //景点等级查询
        function SleBuCertification(Certification) {
            //使用ajax刷新分部视图
            $.ajax({
                url: "/Home/Category?Certification=" + Certification,
                type: "post",
                dataType: "html",
                success: function (data) {//将控制器视图返回回调重新赋值于指定的标签内 此回调是必须的
                    $("#Categorydiv").html("");
                    $("#Categorydiv").html(data);
                }
            });
            //选好指定等级之后将等级的按钮隐藏
            $("#tr_Certification").hide();
            $("#xz_all").append("<span id='spanCertification' style='cursor: pointer;' class='close'>" +Certification+ "<a style='cursor: pointer;' onclick='sxCertification()'><img id='Certificationimg' src='" + img + "'></a></span>");
        }
        //出发地址查询
        function SleBuPlace(OutPlace) {
            //使用ajax刷新分部视图
            $.ajax({
                url: "/Home/Category?OutPlace=" + OutPlace,
                type: "post",
                dataType: "html",
                success: function (data) {//将控制器视图返回回调重新赋值于指定的标签内 此回调是必须的
                    $("#Categorydiv").html("");
                    $("#Categorydiv").html(data);
                }
            });
            //选好指定地址之后将地址的按钮隐藏
            $("#tr_address").hide();
            $("#xz_all").append("<span id='spanaddress' style='cursor: pointer;' class='close'>" +OutPlace + "<a href='javascript:void(0)' onclick='sxplace()' style='cursor: pointer;'><img id='addressimg' src='" + img + "'></a></span>");
        }

        //重新筛选地址
        sxplace = function () {
            $("#spanaddress").remove();//清除本身
            $("#tr_address").show();
        }  
        //重新筛选价格
        sxprice = function () {
            $("#spanprice").remove();//清除本身
            $("#tr_Price").show();
        }  
        //重新筛选景点等级
        sxCertification = function () {
            $("#spanCertification").remove();//清除本身
            $("#tr_Certification").show();
        }  
        //重新筛选天数
        sxDuration = function () {
            $("#spanDuration").remove();//清除本身
            $("#tr_Duration").show();
         }  
        //重新筛选所有
        $(".sx_b").on('click', function () {
            SleBuPrice(0,0);
            $("#tr_Price").show();
            $("#tr_Certification").show();
            $("#tr_address").show();
            $("#tr_Duration").show();
            $("#xz_all").empty();
        });
    });
</script>

